<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	src="jquery-1.11.1.js,jquery.js"></script>
	<!-- <script type="text/javascript"
	src="jquery.js">
	</script>  -->
	<style>
table
 {
    background-color: #b0c4de;
}
div
 {
    background-color: #b0c4de;
}
div {
    border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    background: #dddddd;
    width: 300px;
    border-radius: 25px;
}
#viewId{
background-color: yellow;
}
th {
    text-shadow: 5px 5px 5px #FF0000;
}
#p5 {background-color:#ff00ff;}
#p6 {background-color:rgba(255,0,255,0.3);}
table{
    border: 1px solid red;
    outline: green dotted thick;
}
	table{
width:600px;
height:200px;
}
table td{
padding:10px;
margin:10px;
border:1px solid #ccc;
}
#7
{
border-bottom: 1px solid lightgray;
}
p  {border-style: solid;}
#txtCell
{
    border-color: #98bf21;
}
#txtRating
{
    border-color: #98bf22;
}


</style>
</head>

<body>
<form action="curdapp">
		<table border="5" id="tableid">
			<tr id="p5">
				<th width="10px"><a href="javascript:edit();" class="editclass">E</a> <a href="javascript:deleteClass();">D</a> <a href="javascript:viewClass();" class="viewClass">V</a> <a href="javascript:addClass();" class="addClass">A</a><br/><input type="checkbox" id="selectall" /></th>
				<th width="10px">LapTop</th>
				<th width="10px">Cost</th>
			</tr>
			<tr>
				<td align="center"><input type="checkbox" class="case"
					name="case" value="1" /></td>
				<td class="cellclass">Sony</td>
				<td>50000</td>
			</tr>
			<tr>
				<td align="center"><input type="checkbox" class="case"
					name="case" value="2" /></td>
				<td class="cellclass">Samsung</td>
				<td>40000</td>
			</tr>
			<tr>
				<td align="center"><input type="checkbox" class="case"
					name="case" value="3" /></td>
				<td class="cellclass">Lenova</td>
				<td>30000</td>
			</tr>
			<tr id="p7">
				<td align="center"><input type="checkbox" class="case"
					name="case" value="4" /></td>
				<td class="cellclass">ThosheBar</td>
				<td>25000</td>
			</tr>
			<tr id="p6">
				<td align="center"><input type="checkbox" class="case"
					name="case" value="5" /></td>
				<td class="cellclass">Apple</td>
				<td>55000</td>
			</tr>
			
		</table>
		
		<div id="editId" style=" background-color: #b0c4de;">
			<p id="editMainId" class="outers"></p>
			  LapTop: <input type="text" name="laptop" id="txtCell"/><br/>
				Cost: <input type="text" name="cost" id="txtRating"/><br/>
			<button class="submitclass">Submit</button> <button class="updateclass">Update</button> <button class="cancelclass">Cancel</button>
		</div>
		<div id="viewId" style="border: 1px solid #000000;">
			<p id="headid"></p>
			<p id="cellId"></p>
			<p id="rateId"></p>
		</div>
		<input type="submit" value="insert"/>
		</form>
</body>
</html>